<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>h5小游戏明眼快手</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		
		<div id="app">
			<div class="mb-12 clearfix">
				<!-- 关卡tab -->
				<div class="game_level small darkyellow fl" id="gameLeve">
					<p>第<span>1</span>关</p>
				</div>
				<!-- /关卡tab -->
				
				<!-- 游戏规则 -->
				<div class="game_rule small darkgrey fr" id="gameRule">
					<small>按顺序找到并点击下列数字</small>
					<p>
						1,0
					</p>
				</div>
				<!-- /游戏规则 -->
			</div>
		
			<!-- 游戏内容 -->
			<div class="game_play darkgrey" id="gamePlay">
				<!-- 第一行 -->
				<div class="row">
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
				</div>
				<!-- 第二行 -->
				<div class="row">
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
				</div>
				<!-- 第三行 -->
				<div class="row">
					<div class="square"></div>
					<div class="clock">C</div>
					<div class="clock">C</div>
					<div class="square"></div>
				</div>
				<!-- 第四行 -->
				<div class="row">
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
				</div>
				<!-- 第五行 -->
				<div class="row">
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
					<div class="square"></div>
				</div>
			</div>
			<!-- /游戏内容 -->

			<div id="gameStart">
				<h1>眼明手快</h1>
				<button>开始游戏</button>
			</div>

			<div id="gameEnd">
				<h1>游戏结束</h1>
				<button>重新开始</button>
			</div>
		</div>
			
		<script src="js/index.js" type="text/javascript"></script>
	</body>
</html>
